@charset "utf-8";
/* 老地方扩展 */
@color:#313437; 
// 099292
/*表格样式*/
.table{ 
    width:100%;
    border-bottom:1px solid #fff;
    background:#f5f5f5;
    box-shadow:inset 0 0 1px #ccc;
    tr{
        border-bottom:1px solid #eee;
        th{
            background: #eee;padding:8px;
            box-shadow: inset 0 1px #ddd;
            color:#999;font-size:inherit;
            font-family: 'Microsoft YaHei';
            text-shadow: 1px 1px #fff;
            letter-spacing: .2em;
            border-bottom:2px solid @color;
         }        
         td{
            padding:1em;
            box-shadow: inset 0 1px #fff,inset 0 -1px #ddd;
        }
        td.stitle{
            padding-right: 1.4em;font-size: inherit;
            text-align: right;font-family: 'Microsoft YaHei';
            color: #333;box-shadow: inset 0 1px #fff,inset 0 -1px #ddd, 1px 0 #ddd,2px 0 #fff;
        }
        &:hover{background:#f0f0f0;}
    }
}
/*表单样式*/
.form{
    input,select,textarea,fieldset{
        padding:.5em;
        font-family: Tahoma;
        vertical-align: middle;
        border:1px solid #ddd;
        box-shadow:inset 0 0 2px #ddd;
        resize:none;
        color:#666;
        legend{background: #fff;color:#666;font-weight: 700;}
        option{ 
            &.disabled{color: #ccc;}
        }
        &:hover{
            box-shadow:inset 0 0 1px @color;
            border:1px solid lighten(@color, 10%);
            outline: none;
            // border-radius: .5em;
        }
        &:focus{
            box-shadow:inset 0px 0px 1px @color,inset 0px 0px 1px @color,0 0 2px @color,0 0 5px @color;
            border:1px solid lighten(@color, 5%);
            outline: none;
            color:@color;
            // background: lighten(@color, 67%);
            border-radius: .5em;
        }
        &:disabled{border-color:#ddd;color:#ccc;background: #f1f1f1;}
        &::-webkit-input-placeholder{color:#ddd;}
        &:-moz-placeholder{color:#ddd;}
        &:-ms-input-placeholder{color:#ddd;}
    }

}
// menu菜单
.Menu{
    padding: 10px;
    border-bottom:4px solid #ccc;
    overflow: hidden;
    background: #F5F5F5;
    box-shadow: 0 -1px 7px #000;
    a{
        display: block;
        float: left;
        padding: 5px 10px;
        border-bottom:2px solid #fff;
        box-shadow:inset 0px -1px #ddd;
        text-shadow: 1px 1px #fff;
        color:#666;
        font-size: 14px;
        font-family: 'Microsoft YaHei';
        margin-right: 0px;
        &.act,&:hover{
            border-bottom: 2px solid @color;
            color:@color;
            box-shadow:inset 0 0 1px #fff;
            background: #fff;
        }
    }
}
// tab菜单
.tabMenu{
    border-bottom:1px solid #ccc;
    overflow: hidden;
    padding: 10px 10px 0px 10px;
    a{
        display: block;
        float: left;
        padding: 5px 10px;
        font-size: inherit;
        background: #ccc;
        color:#fff;
        margin-right: 1px;
        border-top-left-radius: .3em;
        border-top-right-radius: .3em;
        &.act{
            background: @color+60;
        }
    }
} 
.tabSub{
    li{
        display: none;
        padding: 10px;
        &.act{
            display: block;
        }
    }
}
// 分页
.page{
    padding:10px;
    text-align: center;
    span,a,strong{
        border:1px solid lighten(@color, 10%);
        display: inline-block;
        padding:3px 6px;
        margin-right: 5px;
        color:@color;
        &.act{
            background: lighten(@color, 5%);
            color:#fff;
        }
        &:hover{
            background: lighten(@color, 15%);
            color:#fff;
        }
    }
    strong{
        background: lighten(@color, 5%);
        color:#fff;
    }
}
//固定底部
.fixBottom{
    position: fixed;bottom:15px;left:15px;
    background: #fff;padding: 2px;
    border:1px solid #ccc;border-radius: 5px;
    font-family: "Microsoft YaHei";
    opacity: .8;filter:alpha(opacity=80);
}

// 插件弹窗
.msgContentClassBg{
    background:@color;
    position:absolute;
    z-index:900;
    display:none;
}
.msgContentClass{
    position:absolute;
    padding:10px;
    border:2px solid #fff;
    z-index:999;
    background:#fff;
    display:none;
    max-width:500px;
    box-shadow:inset 0 0 1px @color,5px 5px 20px @color;
    opacity: .95;
}
.closeMsgB{
    color:#333;
    display:inline-block;
    height:25px;
    width:25px;
    font-size:23px;
    cursor:pointer;
    position:absolute;
    right:-20px;top:-20px;
    border-radius:50%;
    background:#eee;
    color:#999;
    font-family:simsun;
    box-shadow:1px -1px 5px #999;
}
//插件弹出确认窗口
.LDFconfirm{
    position: absolute;
    left:100px;top:100px;
    box-shadow:inset 0 0 1px @color,1px 1px 2px @color,0 0 5px @color,0 0 10px @color;
    background: #fff;
    padding:10px;
    border:4px solid #fff;
    z-index: 998;
    .cont{
        color:#333;
        font-weight: 700;
        font-size: 16px;
        font-family: 'Microsoft YaHei';
        padding:20px;
        text-align: center;
    }
    .bottom{
        text-align: center;
        padding: 10px;
        a{
            display: inline-block;
            margin-right: 8px;
            padding:5px 10px;
            border:1px solid #ddd;
            color:#fff;
            font-size: 14px;
            font-family: 'Microsoft YaHei';
            &.yes{ background: @color; }
            &.no{ background: #ccc; }
            &:hover{background: @color+50;}
        }
    }
}
//自动大图
.showPicCont{
    position:absolute;
    left:0;top:0;
    border:2px solid #ddd;
    padding:5px;
    background:#fff;
    z-index:5;
    max-width:300px;
    display: none;
    box-shadow: 0 0 30px #666;
}
//模拟表单
.selected{
    display: inline-block;
    *display: inline;
    position: relative;
    padding:.5em;
    padding-right:2em;
    font-family: Tahoma;
    vertical-align: middle;
    border:1px solid #ddd;
    box-shadow:inset 0 0 2px #ddd;
    color:#666;
    min-width: 80px;
    background: #fff;
    b{font-weight: 400;}
    .Down{
        position: absolute;right:8px;top:42%;
        display: inline-block;
        border: 6px solid; 
        border-bottom-color: transparent!important;  
        border-left-color: transparent!important; 
        border-right-color: transparent!important; 
        border-top-color: lighten(@color, 20%);
        font-size: 1px;
    }
    .subSelect{
        position: absolute;top:0px;left:0px;border:1px solid #ccc;
        display: none;
        max-height: 400px;
        overflow: auto;background: #fff;
        // box-shadow: 2px 2px 5px @color;
        .sub{
            // margin:5px;
            // width:101px;
            background: #fff;
            padding:5px;
            &:hover{ 
                color:#fff;cursor:pointer;
                background: @color;
                // background-image:linear-gradient(to bottom,rgba(255,255,255,.6), rgba(255,255,255,.1), rgba(255,255,255,0) ,rgba(255,455,255,.3));
            }
            &.disabled{border-color:#ddd;color:#ccc;background: #fff;cursor:auto;}
        }
        &:hover{
            box-shadow:inset 0 0 1px @color;
            border:1px solid lighten(@color, 10%);
        }
    }
    &:hover{
        box-shadow:inset 0 0 1px @color;
        border:1px solid lighten(@color, 10%);
        outline: none;
        // border-radius: .5em;
    }
}
//验证提示信息
